import React, { Component } from 'react';

/* 
  事件传参的三种方式
  1.bind
  2.箭头函数
  3.data属性传参
*/
class App extends Component {
  /* 1. bind  2.箭头函数*/
  // handleClick = (params,e)=>{
  //   console.log(params,e)// e是合成事件
  // }

  /* 3.data属性传参 */
  handleClick = (e)=>{
    console.log(e);
    console.log(e.currentTarget.dataset['text'])
  }
  render() {
    return (
      <div>
        {/* 1.  bind */}
        {/* <button onClick={this.handleClick.bind(this,'123','345')}>点击</button> */}

        {/* 2.箭头函数 */}
        {/* <button onClick={(e)=>{
          this.handleClick('牛牛',e)
        }}>点击</button> */}

        {/* data属性传参 */}
        <button data-text={'牛牛'} onClick={this.handleClick}>点击</button>
      </div>
    );
  }
}

export default App;
